@import 'com/sass/_utils-wap';
@import 'com/sass/_reset-wap';
.btn {
  cursor: pointer;
}
.hidden{
  display: none;
}
.container {
  padding: 0 24px/$ppr;
  margin: 0 auto;
}
.header {
  .container {
    border-bottom: 1px solid #dcdcdc;
    .content {
      text-align: center;
      font-size: 34px/$ppr;
      color: #333333;
      height: 96px/$ppr;
      line-height: 96px/$ppr;
      position: relative;
      .back {
        width: 24px/$ppr;
        height: 44px/$ppr;
        background: url("../../../../images/tea/class_list/back.png") center no-repeat;
        background-size: 100% 100%;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -22px/$ppr;
        a{
          display: block;
          width: 100%;
          height: 100%;
        }
      }
      .quit_class {
        font-size: 28px/$ppr;
        color: #12b7f5;
        line-height: 64px/$ppr;
        width: 135px/$ppr;
        height: 64px/$ppr;
        border-radius: 10px/$ppr;
        text-align: center;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -32px/$ppr;
        border: 1px/$ppr solid #12b7f5;
        a{
          text-decoration: none;
          &:hover{text-decoration: none}
          font-size: 28px/$ppr;
          color: #12b7f5;
        }
      }
    }
  }
}
.simple_open_status{
    .container{
      border-bottom: 1px solid #dcdcdc;
      .content{
        height: 160px/$ppr;
        box-sizing: border-box;
        padding-top:40px/$ppr ;
        padding-bottom: 40px/$ppr;
        position: relative;
        .total_count{
          font-size: 28px/$ppr;
          color: #333333;
        }
        .class_info {
          span {
            font-size: 24px/$ppr;
            color: #aaaaaa;
            margin-right: 30px/$ppr;
            em {
              color: #ff6600;
            }
          }
        }
        .add_student{
          height: 80px/$ppr;
          box-sizing: border-box;
          padding-top: 50px/$ppr;
          background: url("../../../../images/tea/class_manage/add_student.png") top center no-repeat;
          background-size:  47px/$ppr 47px/$ppr;
          position: absolute;
          right: 0;
          top: 50%;
          margin-top: -40px/$ppr;
          font-size: 24px/$ppr;
          color: #333333;
        }
      }
    }
}
.detail_info{
  .btn_container{
    height: 95px/$ppr;
    border-bottom: 1px solid #dcdcdc;
    line-height: 95px/$ppr;
    li{
      width: 33.33%;
      float: left;
      div{
        text-align: center;
        width: 80%;
        margin: 0 auto;
        font-size: 28px/$ppr;
        color: #333333;
      }
    }
    li.active div{
      color: #12b7f5;
      border-bottom: 2px/$ppr  solid  #12b7f5;
    }
  }
  .address_list_container{
      position: relative;
    &>li{
      background: #f1f1f1;

        dl{
          margin: 0;
          padding: 0;
          dt,dd{
          height: 95px/$ppr;
          box-sizing: border-box;
          padding: 12px/$ppr 24px/$ppr;
          line-height: 71px/$ppr;
          font-size: 28px/$ppr;
          }
          dt{
            border-bottom: 1px solid #dcdcdc;

          }
          dd{
            background: #FFFFFF;
            border-bottom: 1px solid #dcdcdc;
            position: relative;
            img{
              background: #e6e5e5;
              width: 71px/$ppr;
              height: 71px/$ppr;
              vertical-align: bottom;
              margin-right: 25px/$ppr;
              border-radius: 100%;
            }
            ol{
              position: absolute;
              right: 0;
              top: 50%;
              margin-top: -24px/$ppr;
               li{
                 list-style-type: disc;
                 color: #aaaaaa;
                 font-size: 28px/$ppr;
                 line-height: 16px/$ppr;
                 margin: 0;
               }
            }
          }
        }
      .invite_open{
        width: 100%;
        height: 96px/$ppr;
        background: #12b7f5;
        color: #FFFFFF;
        font-size: 34px/$ppr;
        line-height: 96px/$ppr;
        text-align: center;
        position: fixed;
        bottom: 0;

      }

    }
  }
}
.dialog{
  border-radius: 3px/$ppr;
  ul{
    li{
      font-size: 28px/$ppr;
      color: #FFFFFF;
      width: 200px/$ppr;
      padding: 30px/$ppr 15px/$ppr;
      background: #333333;
      border-bottom: 1px/$ppr solid #000000;
      em{
        display: inline-block;
        width: 27px/$ppr;
        height: 27px/$ppr;
        margin-right: 20px/$ppr;
        vertical-align: middle;
      }
    }
    li:first-child{
      border-radius: 10px/$ppr 10px/$ppr 0 0 ;
    }
    li:last-child{
      border-radius: 0 0 10px/$ppr 10px/$ppr  ;
    }
    li.alter em{
      background: url("../../../../images/tea/class_manage/icon_alter.png") top center no-repeat;
      background-size: 100% 100%;
    }
    li.del em{
      background: url("../../../../images/tea/class_manage/icon_del.png") top center no-repeat;
      background-size: 100% 100%;
    }
    li.cpwd em{
      background: url("../../../../images/tea/class_manage/icon_cpwd.png") top center no-repeat;
      background-size: 100% 100%;
    }
    li.yzmkt em{
      background: url("../../../../images/tea/class_manage/icon_yzmkt.png") top center no-repeat;
      background-size: 100% 100%;
    }
    li.invitekt em{
      background: url("../../../../images/tea/class_manage/icon_invitekt.png") top center no-repeat;
      background-size: 100% 100%;
    }
  }
}


.dialog_code_container{
  padding: 100px/$ppr 130px/$ppr;
  font-size: 34px/$ppr;
  color: #333333;
  #dialog_codeid{
    width: 265px/$ppr;
    vertical-align: middle;
    border: none;
    border-bottom: 1px/$ppr solid #dcdcdc;
  }
}

.dialog_invitekt_container{
  width: 640px/$ppr;
  box-sizing: border-box;
  padding: 49px/$ppr 25px/$ppr;
  margin: 0 auto;
  line-height: 1.8;
  span{
    font-size: 24px/$ppr;
    color: #aaaaaa;
  }
  div{
    margin-top: 45px/$ppr;
    padding: 20px/$ppr;
    font-size: 28px/$ppr;
    color: #333333;
    border:1px/$ppr solid #dcdcdc;
  }
}
.no_stu{
  margin-top: 300px/$ppr;
  line-height:50px/$ppr;
  font-size: 36px/$ppr;
  color: #aaa;
  text-align: center;
  background:#fff;
}